<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="apple-mobile-web-app-title" content="天天来收租" />
	<meta name="format-detection" content="telphone=no, email=no" />
	<meta name="renderer" content="webkit" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="HandheldFriendly" content="true" />
	<meta name="MobileOptimized" content="320" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<meta name="screen-orientation" content="portrait" />
	<meta name="browsermode" content="application" />
	<meta name="full-screen" content="yes" />
	<meta name="x5-orientation" content="portrait" />
	<meta name="x5-fullscreen" content="true" />
	<meta name="x5-page-mode" content="app" />
	<title>世纪城-天天来收租</title>
	<link rel="stylesheet" type="text/css" href="../css/public.css" />
	<link rel="stylesheet" type="text/css" href="../css/each_building.css" />
	<link rel="stylesheet" type="text/css" href="../css/guide.css">
</head>

<body>
	<div class="zone">
		<div class="top" id="top_nav">
			<img class="top_img" id="top_img"
				src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/jiantou.png" alt="" />
			<div class="title" id="title_name"></div>
			<div class="zujin" id="zujinlq">房产收益</div>
			<!-- <div class="zujin">工资领取</div> -->
		</div>
		<!-- 上方的广告 -->
		<div id="border_b" class="border_b">
			<div id="top_hrig">
				<div class="lianzu_top" id="lianzu_top">
					<p class="sheng" id="shengyu"></p>
					<div class="zuping" id="zuping">
						<p id="zupin"></p>
						<div class="disp">
							<img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="" /><span
								id="zupinMoney"></span>
						</div>
					</div>
				</div>
			</div>
			<!-- 下方盒子 -->

			<div class="body_c" id="body_c">
				<div class="lianzu">
					<div class="top_lian" id="top_lian">
						<img class="wenimg" id="wenimg" src="../img/home/wen.png" alt="">
						<div class="top_l">
							<p>当前小区房产基础入住收益：</p>
							<span id="housre">0</span><img
								src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/nengliang.png" alt="" />
							<span>小时</span>
						</div>
						<!-- 产权 -->
						<div class="chan" id="chanquans">产权：<span>永久</span></div>
						<div class="my_btn" id="my_btn">
							我的：
							<div id="search_checkbox" class="search_checkbox">
								<input type="checkbox" id="switch" />
								<label for="switch"></label>
							</div>
						</div>
					</div>
					<!-- 下方的列表 -->
					<div class="zanwu" style="display: none" id="zanwu">
						当前无房间可租
					</div>
					<div class="zufang_list" id="zufang_list">
						<!-- <div class="son_list">
                <div class="left">
                  <div class="num">1</div>
                  <div class="touxiang">
                    <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/touxiang2.png" alt="" />
                  </div>
                  <div class="cen_title">
                    <div class="name">
                      <span>房东：</span><span>杜拉拉</span>
                    </div>
                    <div class="residue">
                      <span>剩余房间：</span
                      ><span class="residue_num">1/4</span>
                    </div>
                    <div class="zhi">
                      <span>本楼豪华值：</span
                      ><span class="zhi_num">19999</span>
                    </div>
                    <div class="chan">
                      <span>产权：</span><span class="chan_num"></span>
                    </div>
                  </div>
                </div>
                <div class="right">
                  <div class="btn_zuzhu">
                    <div class="monery">
                      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="" />
                      <span>126</span>
                    </div>
                    <div class="monery_btn">租住</div>
                  </div>
                  <div class="tabs_biao"><p>快到期</p></div>
                </div>
              </div> -->
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 点击右上角问号弹出提示 -->
	<!-- <div class="modal modal-tishi" id="modal-tishi">
      <div class="modal-mask"></div>
      <div class="modal-body">
        <div class="ti_tou">
          <span>说明</span>
          <img id="chahao" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
        </div>
        <div class="ti_bot">
          <div class="neibu">
            <p>
              1.玩家租住房间或者购买房产将提供能量产出能量可以用来开采原石，原石出售可以获得金币
            </p>
            <p>
              2.房东可以收取租金，不仅可以参加活动获得房东专属收益，还可以参加专属活动，获得丰厚收益
            </p>
          </div>
          <div id="btn_que" class="btn_que">确定</div>
        </div>
      </div>
    </div> -->
	<!-- 租凭房产 -->
	<div class="modal modal-estate" id="modal-estate">
		<div class="modal-mask"></div>
		<div class="modal-body">
			<div class="body_box">
				<div class="box_top">
					<p>租凭房产</p>
					<img class="img" id="clare1" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png"
						alt="" />
				</div>
				<div class="box_bottom">
					<div class="bujin">
						<div class="bujin_img">
							<img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/chengshi2.png" alt="" />
							<div class="bot_tit">
								<p>世纪城</p>
							</div>
						</div>
						<!-- 租凭天数 -->
						<div class="tianshu">租凭天数</div>
						<!-- 下面的步进器 -->
						<div class="bujinqi">
							<!-- <img
                  src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jian.png"
                  id="left_jian"
                  class="left"
                  alt=""
                /> -->
							<div id="center_num" class="center">2</div>
							<!-- <img
                  src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jia.png"
                  id="left_jia"
                  alt=""
                  class="right"
                /> -->
						</div>
						<!-- 租金金币 -->

						<div class="tianshu" id="tianshu">租金：10金币/天</div>
						<div class="tianshu" id="tianshus"></div>
					</div>

					<div class="btn_bot" id="oneHome">
						<span class="zupin">租凭</span><img
							src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="" /><span
							id="zongNum">50</span>
					</div>
					<!-- 下方的提示 -->

					<div class="btn_tishi">

						<p>①温馨提示</p>
						<p>租赁时间不足24小时，系统会提醒是否续租</p>
						<p>租金不会退还，租赁成功当成楼主就可以招人收租</p>
						<p>天数为自然天，24点为结算时间</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 提示内容 -->
	<div class="modal modal-prompt" id="modal-prompt">
		<div class="modal-mask"></div>
		<div class="modal-body">
			<div class="ti_tou">
				<span>说明</span>
				<img id="chahao2" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
			</div>
			<div class="ti_bot">
				<div class="neibu">
					<p>
						是否租住，点击确认后，将扣除一个自然天数费用<span id="zzdzj">5</span>金币，第二天开始自动扣费，余额不足将会自动清出此楼层提示：天数为自然天，24点为结算时间
					</p>
					<p style="text-align: center;">总金币：<span id="zongbi" style="color: #ff0000;"></span></p>
					<div id="jieshao2" class="jieshao2">介绍信已抵扣1天费用</div>
				</div>
				<div id="btn_que3" class="btn_que">确定</div>
			</div>
		</div>
	</div>
	<!-- 提示内容剩余一天的时候弹出层 -->
	<div class="modal modal-residue" id="modal-residue">
		<div class="modal-mask"></div>
		<div class="modal-body">
			<div class="ti_tou">
				<span>说明</span>
				<img id="chahao3" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
			</div>
			<div class="ti_bot">
				<div class="neibu">
					<div class="top_tishi">提示：当前楼层产权剩余时间不足1天</div>
					<p>
						是否租住，点击确认后，将扣除一天数费用<span id="zzdzj2">5</span>
						金币，第二天开始自动扣费，余额不足将会自动清出此楼层提示：天数为自然天，24点为结算时间
					</p>
					<div id="jieshao" class="jieshao">介绍信已抵扣1天费用</div>
				</div>
				<div id="btn_que2" class="btn_que">确定</div>
			</div>
		</div>
	</div>
	<!-- 购买整栋楼时的提示 -->
	<div class="modal modal-pay" id="modal-pay">
		<div class="modal-mask"></div>
		<div class="modal-body">
			<div class="ti_tou">
				<span>购买</span>
				<img id="chahao4" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
			</div>
			<div class="ti_bot">
				<div class="neibu">
					<p>
						<span id="zhekoujia"></span><br>
						<span id="shengyufang"></span><br>
						是否使用 <span id="payjibi"></span> 金币购买铭门首府<br />购买成功可以获得房产证并且可以招人租住<br><span>拥有金币： <span
								id="jinbi_zong" style="color: #ff0000;">999</span></span>
					</p>
				</div>
				<div id="btn_que4" class="btn_que">确定</div>
			</div>
		</div>
	</div>
	<!-- 租凭房产 -->
	<div class="modal modal-lease" id="modal-lease">
		<div class="modal-mask"></div>
		<div class="modal-body">
			<div class="body_box">
				<div class="box_top">
					<p>续租房产</p>
					<img class="img" id="clare2" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png"
						alt="" />
				</div>
				<div class="box_bottom">
					<div class="bujin">
						<div class="fcsj">租赁产权剩余时间不足24小时</div>
						<div class="bujin_img">
							<img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/chengshi2.png" alt="" />
							<div class="bot_tit">
								<p>世纪城：</p>
							</div>
						</div>
						<!-- 租凭天数 -->
						<div class="tianshu">续租天数：</div>

						<!-- 下面的步进器 -->
						<div class="bujinqi">
							<img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jian.png" id="left_jian2"
								class="left" alt="" />
							<div id="center_num2" class="center">1</div>
							<img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jia.png" id="left_jia2" alt=""
								class="right" />
						</div>
						<!-- 租金金币 -->
						<div class="tianshu">租金：10金币/天</div>
					</div>
					<!-- 下方按钮 -->
					<div class="btn_bot">
						<span class="zupin">租凭</span><img
							src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="" /><span>50</span>
					</div>
					<!-- 下方的提示 -->
					<!-- <div class="btn_tishi">
            <p>①温馨提示</p>
            <p>租赁时间不足24小时，系统会提醒是否续租</p>
            <p>租金不会退还，租赁成功当成楼主就可以招人收租</p>
          </div> -->
				</div>
			</div>
		</div>
	</div>

	<!-- 刘欣 新手引导 2023-6-20 22:46:59 -->
	<div class="modal modal-guide" id="modal-guide">
		<div class="modal-mask"></div>
	</div>
	<img class="point" id="guide-point" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/guide-point.png" alt="">
	<!-- 刘欣 引导查看弹框 -->
	<div class="modal modal-guide-view" id="modal-guide-view">
		<div class="modal-mask"></div>
		<div class="modal-body">
			<img src="http://img.qxgs.cc/tiantianlaishouzu/img/comic/renwu.png" alt="">
			<div class="view-content">
				<p id="guide-view-text">默认的提示内容，请更新后再弹出</p>
				<button id="guide-view-btn">确定</button>
			</div>
		</div>
	</div>
	<!-- 刘欣 引导红包奖励弹窗 -->
	<div class="modal modal-worrgets" id="modal-worrget">
		<div class="modal-mask" id="modal-worrget-close"></div>
		<div class="modal-worrgetbody">
			<img src="http://img.qxgs.cc/tiantianlaishouzu/img/fannao/haob.png" alt="">
			<img class="worrgetren" src="http://img.qxgs.cc/tiantianlaishouzu/img/fannao/ren.png" alt="">
			<img class="cuan" src="http://img.qxgs.cc/tiantianlaishouzu/img/fannao/cuan.png" alt="">
			<div class="worrgetifno">
				<p class="pp1">恭喜获得</p>
				<p class="pp2">现金红包</p>
				<p class="pp3">￥<span class="pp4" id="worrgetNum"></span></p>
				<p class="pp5" id="worrget-text">恭喜获得现金，奖励已经进入钱包了哦</p>
			</div>
			<p class="kongbai">点击空白区域关闭</p>
		</div>
	</div>

	<!-- 申请租住 -->
	<div class="modal modal-lodge" id="modal-lodge">
		<div class="modal-mask"></div>
		<div class="modal-body">
			<div class="ti_tou">
				<span>申请租住</span>
				<img id="close-lodge" class="modal-close"
					src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
			</div>
			<div class="ti_bot">
				<div class="neibu">
					<div class="wubox">
						<div class="wushi">
							<span>楼层编号：16</span>
							<span>房东：阿里巴巴啊达</span>
						</div>
						<div class="wushi">
							<span>本楼豪华值：9999</span>
							<span>产权：01天12:32:11</span>
						</div>
					</div>
					<input class="tinjia" type="text" placeholder="添加留言" maxlength="10">
					<div class="jinbiBox">
						<img src="../img/home/jinbi.png" alt="">
						<span>2.00</span>
					</div>
					<div id="confirm-lodge" class="btn_que">确定</div>
				</div>
				<div class="jujue">
					<img src="../img/add/tan.png" alt="">
					<span>申请被拒绝后，将返还租金.</span>
				</div>
			</div>
		</div>
	</div>

	<!-- 申请列表 -->
	<div class="modal modal-leib" id="modal-leib">
		<div class="modal-mask"></div>
		<div class="modal-body">
			<div class="ti_tou">
				<span>申请列表</span>
				<img id="close-leib" class="modal-close"
					src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
			</div>
			<div class="ti_bot">
				<div class="neibu">
					<div class="neitit">
						<p>当前楼层人数：</p>
						<span>20/80</span>
					</div>
					<div class="liebList">
						<div class="liebiao">
							<div class="liebiao-l">
								<img src="../img/my/tx1.png" alt="">
								<div class="liebiaoin">
									<span>租客：123500</span>
									<span>ID：123456</span>
									<span>留言：我是孙悟空</span>
								</div>
							</div>
							<div class="liebiao-r">
								<button class="liebtn1">拒绝</button>
								<button class="liebtn2">同意</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 每周任务 说明 -->
	<div class="modal modal-explian" id="modal-explian">
		<div class="modal-mask"></div>
		<div class="modal-body">
			<div class="mask-tit">
				<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png" />
				<span>说明</span>
			</div>
			<img class="modal-close" id="close-explian" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
			<div class="modal-content modal-content2">
				<div class="explianBox">
					<span>1.能量每小时产速：房间豪华值*5+家具豪华值*1</span><br />
					<span>2.升级家具可提升豪华值</span><br />
					<span>3.本楼豪华值为每个成员豪华值之和。</span><br />
					<span>4.玩家不管当日几点入住，到当日24点则为入住一天。同理，不管当日几点租赁房产，到当日24点则为租赁一天。</span><br />
					<span>5.玩家点击退租时，需要等待到24点后方可退租。</span>
				</div>
			</div>
		</div>
	</div>
	<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/each_building.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/guide.js" type="text/javascript"></script>
</body>

</html>